<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="Content-Type" content="text/html">
	<meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
	<script src="../assets/flexible/flexible.debug.js"></script>
	<meta name="format-detection" content="telephone=no">
	<meta name="format-detection" content="email=no">
	<title>分类</title>
	<link rel="stylesheet" href="../css/reset.css">
	<link rel="stylesheet" href="../assets/swiper/css/swiper.min.css">
	<link rel="stylesheet" href="../assets/font/iconfont.css">
	<link rel="stylesheet" href="../css/fl.min.css">
</head>
<body>
	<div class="box">
	<header class="fl-head">
		<span class="fl-search">
			<img src="../images/fl-search.png"><span>搜索商品, 共有10405款好物</span>
		</span>
	</header>
	<main class="fl-main">
		<nav class="swiper-container sw1">
	        <div class="swiper-wrapper">
	            <div class="swiper-slide active"><a href="#">推荐区</a></div>
	            <div class="swiper-slide"><a href="#">冬季专区</a></div>
	            <div class="swiper-slide"><a href="#">出行专区</a></div>
	            <div class="swiper-slide"><a href="#">居家</a></div>
	            <div class="swiper-slide"><a href="#">餐厨</a></div>
	            <div class="swiper-slide"><a href="#">配件</a></div>
	            <div class="swiper-slide"><a href="#">服装</a></div>
	            <div class="swiper-slide"><a href="#">电器</a></div>
	            <div class="swiper-slide"><a href="#">洗护</a></div>
	            <div class="swiper-slide"><a href="#">杂货</a></div>
	            <div class="swiper-slide"><a href="#">饮食</a></div>
	            <div class="swiper-slide"><a href="#">婴童</a></div>
	            <div  class="swiper-slide"><a href="#">志趣</a></div>
	        </div>
	    </nav>         
	    <div class="swiper-container sw2">
            <div class="swiper-wrapper">
                <div class="swiper-slide ab">
                	<script id="moban" type="text/html">
                		{{each arr v i}}
	                	<div class="abs">
	                		<div class="abs-top">
	                			<img src="{{v.dTu}}">
	                		</div>
	                		<div class="abs-bottom">
	                			<div class="abb-top">
	                				<span class="sp-x"></span><span>{{v.sort}}</span><span class="sp-x"></span>
	                			</div>
	                			<div class="abb-bottom">
	                				{{each v.dl x}}
	                				<dl>
	                					<dt><img src="{{x.dtImg}}"></dt>
	                					<dd>{{x.ddTitle}}</dd>
	                				</dl>
	                				{{/each}}
	                			</div>
	                		</div>
	                	</div>
	                	{{/each}}
	                </script>
                </div>
                <div class="swiper-slide ab"></div>
                <div class="swiper-slide ab"></div>
                <div class="swiper-slide ab"></div>
                <div class="swiper-slide ab"></div>
                <div class="swiper-slide ab"></div>
                <div class="swiper-slide ab"></div>
                <div class="swiper-slide ab"></div>
                <div class="swiper-slide ab"></div>
                <div class="swiper-slide ab"></div>
                <div class="swiper-slide ab"></div>
                <div class="swiper-slide ab"></div>
                <div class="swiper-slide ab"></div>
            </div>
        </div>
	</main>
	<footer class="fl-footer">
		<a href="../index.html">
			<dl>
				<dt class="iconfont">&#xe605;</dt>
				<dd>首页</dd>
			</dl>
		</a>
		<a href="sw.html">
			<dl>
				<dt class="iconfont">&#xe606;</dt>
				<dd>实物</dd>
			</dl> 
		</a>
		<a href="fl.html" class="fl-xz">
			<dl>
				<dt class="iconfont">&#xe68d;</dt>
				<dd>分类</dd>
			</dl>
		</a>
		<a href="gwc.html">
			<dl>
				<dt class="iconfont">&#xe60c;</dt>
				<dd>购物车</dd>
			</dl>
		</a>
		<a href="gr.html">
			<dl>
				<dt class="iconfont">&#xe61a;</dt>
				<dd>个人</dd>
			</dl>
		</a>
	</footer>
	</div>
    <script src="../assets/artTemplate/template-web.js"></script>
	<script src="../assets/jquery/jquery-3.2.1.min.js"></script>
	<script src="../assets/swiper/js/swiper.jquery.min.js"></script>
	<script src="../assets/font/iconfont.js"></script>
	<script src="../js/fl.js"></script>
</body>
</html>
